<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- 优先使用 IE 最新版本和 Chrome-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <!-- 为移动设备添加 viewport-->
    <meta name="viewport"
          content="width=device-width,initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <!-- 是否启用 WebApp 全屏模式，删除苹果默认的工具栏和菜单栏-->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <!-- 设置苹果工具栏颜色-->
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <!-- 添加智能 App 广告条 Smart App Banner（iOS 6+ Safari）-->
    <meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL">
    <!-- 忽略页面中的数字识别为电话，忽略email识别-->
    <meta name="format-detection" content="telphone=no, email=no">
    <!-- 下面三个是清除缓存 微信浏览器缓存严重又无刷新；这个方法调试的时候很方便-->
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta http-equiv="Expires" content="0">
    <title>购买店铺</title>
    <!--引入初始化样式-->
    <link rel="stylesheet" href="../../b2c/lib/css/style-min.css">
    <!--引入YUDI样式-->
    <link rel="stylesheet" href="../../b2c/lib/css/ydui.css">
    <!--引入YUDI自适应解决方案类库-->
    <script src="../../b2c/lib/js/flexible/flexible.js"></script>
    <!-- 引入jQuery 2.0+ -->
    <script src="../../b2c/lib/js/jquery/jquery-2.1.4.min.js"></script>
    <!-- 引入common -->
    <script src="../lib/js/common/common_pay.js"></script>
    <!-- 引入vue -->
    <script src="../../b2c/lib/js/vue/vue.min.js"></script>
    <!--引入对应的css-->
    <link rel="stylesheet" href="../css/pay/addStores.css">
</head>
<body>
<div id="join">
    <!--招募-->
    <div class="recruit">

    </div>
    <!--选择期限支付-->
    <div class="step">
        <!--第一步选择期限-->
        <div class="terms">
            <h3>第一步:选择期限</h3>
            <ul class="termsContent">
                <li v-for="(item,index) in vipInfo" :class="{join_active:selTerm==item.talentType}" @click="selectTerms(item)">
                    <div class="left">
                        <span>{{item.vipName}}</span>
                    </div>
                    <div class="right">
                        &yen;<span>{{item.money}}</span>
                    </div>
                    <div class="clearfix"></div>
                </li>
            </ul>
        </div>
        <!--第二步验证手机号-->
        <div class="validateTel">
            <h3>第二步:手机验证</h3>
            <div class="validateTel_Content">
                <div class="phone-id">
                    <input type="text" id="phone-id"  placeholder="请输入手机号码">
                </div>
                <div class="code-id">
                    <input type="number" id="code-id" placeholder="请输入验证码">
                    <button id="send-code-id" onclick="sendCode()">点击获取验证码</button>
                </div>
                <div class="pay" @click="bindPhone()">
                    <p>立即支付</p>
                </div>
                <p class="notice">注:如您还不是败家用户,支付成功后将自动为您进行注册!</p>
            </div>
        </div>
        <div class="linear"></div>
    </div>
    <div class="introduction">
        <div class="title">
           <!--<p>新零售智能营销系统-花生云店</p>-->
            <!--<p>一站式解决支付扫码、刷卡、营销、管理等问题</p>-->
        </div>
        <div class="content">
            <!--<p>成为实体店主即可获得以下权益:</p>-->
            <!--<p>1.终身引流客户:成为实体店主即可获得败家平台的永久VIP资格，并出现在“逛街”页面，自动匹配最近的消费者，获得大量优质客户，增加业绩，提高利润;</p>-->
            <!--<p>2.资源流量兑现:成为实体店主即可免费申请【一生一世】支付二维码，店内消费者通过支付即可终身绑定成为店主的消费粉丝，同时消费者可获得现金币奖励，店主拥有该用户线上消费分润，真正做到从一生一次，到一生一世有关系！帮助实体店增加新的收益点，提高利润;</p>-->
            <!--<p>3.优品共享渠道:成为实体店主可免费申请成为败家整个平台的供应商，可以上传推荐优质的产品，为全国的败家服务，共享全国的渠道，扩大实体店经营空间，增加利润;</p>-->
            <!--<p>4.获得终身线上店主权益;</p>-->
            <!--<p>5.获得商学院的免费课程;</p>-->
            <!--<p>6.成为地方花生联盟商家的成员，共享供应链的服务;</p>-->
            <!--<p>7.每天签到即可获得百日全额现金币奖励;</p>-->
            <!--<p>8.享有推荐线上店主、实体店主的权益;</p>-->
            <!--<p>9.享有获得实体店专项资金贷款的资格;</p>-->
            <!--<p>其他众多权益在体验中获得......</p>-->
            <!--<ul>-->
               <!--<div>-->
                   <!--<b class="circle"></b>-->
                   <!--<span>企业可获得以下6大好处:</span>-->
               <!--</div>-->
                <!--<li>1、获得6大银行优质客户推荐;</li>-->
                <!--<li>2、让员工24小时帮店里卖货;</li>-->
                <!--<li>3、数十款最新黑科技AI产品代理权;</li>-->
                <!--<li>4、10-200万银行低息贷款;</li>-->
                <!--<li>5、让客户进店一次，锁定终身收益;</li>-->
                <!--<li>6、签到获得2980元的消费红包;</li>-->
            <!--</ul>-->
            <!--<ul>-->
                <!--<div>-->
                    <!--<b class="circle"></b>-->
                    <!--<span>2980包括以下内容:</span>-->
                <!--</div>-->
                <!--<li>1、花生云店智能营销系统一套;</li>-->
                <!--<li>2、价值1200元智能营销POS一台;</li>-->
                <!--<li>3、价值3980元的商业模式课程;</li>-->
            <!--</ul>-->
            <!--<ul>-->
                <!--<div>-->
                    <!--<b class="circle"></b>-->
                    <!--<span>花生云店五大收益:</span>-->
                <!--</div>-->
                <!--<li>1、门店转换用户商城交易：2%;</li>-->
                <!--<li>2、门店转换用户人工智能产品交易利润：36%;</li>-->
                <!--<li>3、花生云店推荐权;</li>-->
                <!--<li>4、推荐门店用户商城交易：1%;</li>-->
                <!--<li>5、推荐门店用户人工智能产品交易利润：12%;</li>-->
            <!--</ul>-->
            <!--<ul>-->
                <!--<div>-->
                    <!--<b class="circle"></b>-->
                    <!--<span>举例收益:</span>-->
                <!--</div>-->
                <!--<li>假如：某超市年度链接用户300人；每人线上商城消费2000元；-->
                    <!--人工智能产品5000元且平均利润按20%计算；</li>-->
                <!--<li>1、转换用户商城消费：300人*2000元=600000元*2%=12000元；</li>-->
                <!--<li>2、转换用户人工智能产品消费：300人*5000元*20%*36%=108000元；</li>-->
                <!--<li>3、推荐云店、推荐云店商城交易、推荐云店人工智能产品销售......</li>-->
                <!--<li> 即使完成100人也有4万元，假如超过300人呢……</li>-->
            <!--</ul>-->

        </div>
    </div>

    <!--显示灰色 jQuery 遮罩层-->
    <div id="fullbg"></div>
    <div id="dialog">
        <div class="tishi">
            <img src="../images/recruit/anniu@2x.png" alt="" class="anniu" onclick="closeBg()">
        </div>
    </div>
</div>
<!--<div>-->
    <!--<img src="../images/pay/null.png" alt="" style="width:100%;height:100%">-->
<!--</div>-->
</body>
<script src="../lib/js/ui.js"></script>
<script src="../js/pay/addStores.js"></script>
</html>